import { _ as _export_sfc, r as resolveComponent, o as openBlock, c as createElementBlock, b as createBaseVNode, d as createTextVNode, e as createVNode, a as createStaticVNode } from "./app.af94fc38.js";
const _sfc_main = {};
const _hoisted_1 = /* @__PURE__ */ createBaseVNode("h2", {
  id: "canvas-\u7B80\u4ECB",
  tabindex: "-1"
}, [
  /* @__PURE__ */ createBaseVNode("a", {
    class: "header-anchor",
    href: "#canvas-\u7B80\u4ECB",
    "aria-hidden": "true"
  }, "#"),
  /* @__PURE__ */ createTextVNode(" Canvas \u7B80\u4ECB")
], -1);
const _hoisted_2 = {
  href: "https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/canvas",
  target: "_blank",
  rel: "noopener noreferrer"
};
const _hoisted_3 = {
  href: "https://developer.mozilla.org/zh-CN/docs/Web/JavaScript",
  target: "_blank",
  rel: "noopener noreferrer"
};
const _hoisted_4 = {
  href: "https://developer.mozilla.org/zh-CN/docs/Web/HTML",
  target: "_blank",
  rel: "noopener noreferrer"
};
const _hoisted_5 = /* @__PURE__ */ createStaticVNode('<h2 id="\u7B80\u5355\u7684\u4F7F\u7528-\u76F4\u63A5\u5728\u6D4F\u89C8\u5668\u91CC\u9762\u5199\u6807\u7B7E\u5373\u53EF-\u8981\u5199\u5BBD\u9AD8" tabindex="-1"><a class="header-anchor" href="#\u7B80\u5355\u7684\u4F7F\u7528-\u76F4\u63A5\u5728\u6D4F\u89C8\u5668\u91CC\u9762\u5199\u6807\u7B7E\u5373\u53EF-\u8981\u5199\u5BBD\u9AD8" aria-hidden="true">#</a> \u7B80\u5355\u7684\u4F7F\u7528 <strong>\u76F4\u63A5\u5728\u6D4F\u89C8\u5668\u91CC\u9762\u5199\u6807\u7B7E\u5373\u53EF\uFF0C\u8981\u5199\u5BBD\u9AD8~</strong></h2><div class="language-html ext-html line-numbers-mode"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>canvas</span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>500<span class="token punctuation">&quot;</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&#39;</span>500<span class="token punctuation">&#39;</span></span><span class="token punctuation">&gt;</span></span>\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301Canvas\uFF01\u5EFA\u8BAE\u4F7F\u7528Chrome \u6216\u8005\u706B\u72D0\u6D4F\u89C8\u5668\u8FBE\u5230\u66F4\u597D\u7684\u663E\u793A\u6548\u679C<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>canvas</span><span class="token punctuation">&gt;</span></span>\n</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><h2 id="\u4E0D\u517C\u5BB9\u5904\u7406\u529E\u6CD5" tabindex="-1"><a class="header-anchor" href="#\u4E0D\u517C\u5BB9\u5904\u7406\u529E\u6CD5" aria-hidden="true">#</a> \u4E0D\u517C\u5BB9\u5904\u7406\u529E\u6CD5</h2><blockquote><p>\u5728canvas\u6807\u7B7E\u4E2D\u5199\u6587\u5B57\u8868\u793A\u4F4E\u7248\u672C\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u7684\u65F6\u5019\u5F15\u5BFC\u53BB\u522B\u7684\u6D4F\u89C8\u5668~</p></blockquote><h2 id="canvas\u5C45\u4E2D" tabindex="-1"><a class="header-anchor" href="#canvas\u5C45\u4E2D" aria-hidden="true">#</a> canvas\u5C45\u4E2D</h2><blockquote><p>\u9700\u8981\u4F7F\u7528display\u51C6\u6362\u6210\u5757\u7EA7\u5143\u7D20 \u4E4B\u524D\u662F\u884C\u5185~</p></blockquote>', 6);
function _sfc_render(_ctx, _cache) {
  const _component_ExternalLinkIcon = resolveComponent("ExternalLinkIcon");
  return openBlock(), createElementBlock("div", null, [
    _hoisted_1,
    createBaseVNode("blockquote", null, [
      createBaseVNode("p", null, [
        createBaseVNode("a", _hoisted_2, [
          createTextVNode("Canvas"),
          createVNode(_component_ExternalLinkIcon)
        ]),
        createTextVNode(" \u662F\u4E00\u4E2A\u53EF\u4EE5\u4F7F\u7528\u811A\u672C\uFF08\u901A\u5E38\u4E3A"),
        createBaseVNode("a", _hoisted_3, [
          createTextVNode("JavaScript"),
          createVNode(_component_ExternalLinkIcon)
        ]),
        createTextVNode(" \u6765\u7ED8\u5236\u56FE\u5F62\u7684 "),
        createBaseVNode("a", _hoisted_4, [
          createTextVNode("HTML"),
          createVNode(_component_ExternalLinkIcon)
        ]),
        createTextVNode("\u5143\u7D20\u3002\u4F8B\u5982\uFF0C\u5B83\u53EF\u4EE5\u7528\u4E8E\u7ED8\u5236\u56FE\u8868\u3001\u5236\u4F5C\u56FE\u7247\u6784\u56FE\u6216\u8005\u5236\u4F5C\u7B80\u5355\u7684\u52A8\u753B\u3002")
      ])
    ]),
    _hoisted_5
  ]);
}
const Canvas_2022111301_html = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "Canvas_2022111301.html.vue"]]);
export {
  Canvas_2022111301_html as default
};
